<div class="tpl-content-wrapper">
            <!-- <div class="tpl-content-page-title">
                Amaze UI 表单
            </div>
            <ol class="am-breadcrumb">
                <li><a href="#" class="am-icon-home">首页</a></li>
                <li><a href="#">表单</a></li>
                <li class="am-active">Amaze UI 表单</li>
            </ol> -->
            <div class="tpl-portlet-components">
                <div class="portlet-title">
                    <div class="caption font-green bold">
                        <span class="am-icon-code"></span> 表单
                    </div>
                    <div class="tpl-portlet-input tpl-fz-ml">
                        <div class="portlet-input input-small input-inline">
                            <!-- <div class="input-icon right">
                                <i class="am-icon-search"></i>
                                <input type="text" class="form-control form-control-solid" placeholder="搜索..."> </div> -->
                        </div>
                    </div>


                </div>

                <div class="tpl-block">

                    <div class="am-g">
                        <div class="tpl-form-body tpl-form-line">
                            <form class="am-form tpl-form-line-form" action="{:U($action?$action:'privilege_add')}" method="post">
                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">权限组名 <span class="tpl-form-line-small-title"></span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input" name="name" id="user-name" value="{$one.name}" placeholder="请输入权限组名">
                                        <small></small>
                                    </div>
                                </div>
                                
                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">权限 <span class="tpl-form-line-small-title"></span></label>
                                    <div class="am-u-sm-9">
                                    <php>$pri_array = explode(',',$one['privilege']);
                                        //var_dump($pri_array);
                                    </php>
                                        <volist name="nav" id="v">
                                            <eq name="v.level" value="0">
                                                <p><input type="checkbox" name="pri[]" <if condition="in_array($v['id'],$pri_array)">checked</if> class="input-text checkbox_p" size="60" value="{$v['id']}"><b>{$v['name']}</b><br />
                                            <else/>
                                                <input type="checkbox" name="pri[]" <if condition="in_array($v['id'],$pri_array)">checked</if> class="input-text checkbox_son" size="60" value="{$v['id']}">{$v['name']}
                                            </eq>
                                        </volist>
                                        <small></small>
                                    </div>
                                </div>

                               
                               <div class="am-form-group">
                                    <label for="user-phone" class="am-u-sm-3 am-form-label"> <span class="tpl-form-line-small-title"> </span></label>
                                    <div class="am-u-sm-9">
                                        <input type="button" value="全选" id="all_check" class="am-btn am-btn-primary tpl-btn-bg-color-success ">
                                        <input type="button" value="全不选" id="no_check" class="am-btn am-btn-primary tpl-btn-bg-color-success ">
                                        <input type="button" id="versa_check" value="反选" class="am-btn am-btn-primary tpl-btn-bg-color-success ">
                                    </div>
                                </div>
<!--  
                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label">SEO关键字 <span class="tpl-form-line-small-title">SEO</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" placeholder="输入SEO关键字">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-weibo" class="am-u-sm-3 am-form-label">封面图 <span class="tpl-form-line-small-title">Images</span></label>
                                    <div class="am-u-sm-9">
                                        <div class="am-form-group am-form-file">
                                            <div class="tpl-form-file-img">
                                                <img src="assets/img/a5.png" alt="">
                                            </div>
                                            <button type="button" class="am-btn am-btn-danger am-btn-sm">
                        <i class="am-icon-cloud-upload"></i> 添加封面图片</button>
                                            <input id="doc-form-file" type="file" multiple>
                                        </div>

                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-weibo" class="am-u-sm-3 am-form-label">添加分类 <span class="tpl-form-line-small-title">Type</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" id="user-weibo" placeholder="请添加分类用点号隔开">
                                        <div>

                                        </div>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-intro" class="am-u-sm-3 am-form-label">隐藏文章</label>
                                    <div class="am-u-sm-9">
                                        <div class="tpl-switch">
                                            <input type="checkbox" class="ios-switch bigswitch tpl-switch-btn" checked />
                                            <div class="tpl-switch-btn-view">
                                                <div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-intro" class="am-u-sm-3 am-form-label">文章内容</label>
                                    <div class="am-u-sm-9">
                                        <textarea class="" rows="10" id="user-intro" placeholder="请输入文章内容"></textarea>
                                    </div>
                                </div> -->

                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <input name="id" type="hidden" value="{$one.id}">
                                        <button type="submit" class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>


            </div>
<script type="text/javascript">
$(function() {
//全选
$('#all_check').click(function() {
    // alert(132)
    $('input[type="checkbox"]').prop('checked',true);
});

// 全不选
$('#no_check').click(function() {
    // alert(132)
    $('input[type="checkbox"]').prop('checked',false);
});

//点击父级 子集联动
$('.checkbox_p').click(function() {
    // alert(123)
    // 父级选中 子集选中
    // $(this) 当前元素
    // $(this).parent('p') 当前的父级 p标签
    // $(this).parent('p').find('.checkbox_son') 从当前的父级 p标签 找到他里面的所有 .checkbox_son
    $(this).parent('p').find('.checkbox_son').prop('checked',$(this).is(":checked"));
});
//点击子集 联动父级
//子集选中 父级一定选中
//子集取消选中 父级不一定 ？？？ 确定全部子集取消 父级才取消
$('.checkbox_son').click(function() {
    // alert(123)
    var checkbox_parent = $(this).parent('p');
    if($(this).is(":checked")){
        checkbox_parent.find('.checkbox_p').prop('checked',true);
    }else{
        // 确定全部子集取消 || 有一个选中 那就不取消父级 找到一个选中后 不需要继续循环下去
        var checkbox_son = checkbox_parent.find('.checkbox_son');//全部子集元素
        var len = checkbox_son.length;
        // alert(len)
        var pig = 0;
        for (var i = 0; i < len; i++) {
            // alert(checkbox_son.eq(i).val())
            if(checkbox_son.eq(i).is(":checked")){
                pig = 1;
                break;//跳出当前循环 找到一个选中后 不需要继续循环下去
            }
        }
        //循环完后 如果 pig == 1 有选中的 父级不取消
        //如果 pig == 0 所有兄弟都不选中 父级就取消
        if(pig == 0){
            checkbox_parent.find('.checkbox_p').prop('checked',false);
        }
    }
});

$('#versa_check').click(function() {
    var len = $('input[type="checkbox"]').length;
    // alert(len)
    for (var i = 0; i < len; i++) {
        if($('input[type="checkbox"]').eq(i).is(":checked")){
            $('input[type="checkbox"]').eq(i).prop('checked',false);
        }else{
            $('input[type="checkbox"]').eq(i).prop('checked',true);     
        }
    }

    var son_len = $('.checkbox_son').length;
    for (var i = 0; i < son_len; i++) {
        if($('.checkbox_son').eq(i).is(":checked")){
            // 有一个选中
            $('.checkbox_son').eq(i).parent('p').find('.checkbox_p').prop('checked',true);
        }
        // else{
            // 找到所有同级子集 判断他们是否都不选中
            // var this_sons =  $('.checkbox_son').eq(i).parent('p').find('.checkbox_son')
            // var this_son_len = this_sons.length;
            // var pig = 0;
            // for (var j = 0; j < this_son_len; j++) {
            //  if(this_sons.eq(j).is(":checked")){
            //      pig = 1;
            //  }
            // }

            // if(pig){
            //  // 全部同级的子集 都没有选中的 所以让父级取消选中
            // }else{

            // }
        // }
    }

});
})
</script>









        </div>